<template>
    <div class="title" :style="`width: ${width}px; height: ${height}px`">

        <div>
            {{ props.name }}
        </div>
    </div>
</template>

<script setup>
import { defineProps } from 'vue'
const props = defineProps(['name', 'width', 'height'])
console.log(props.name);
</script>

<style lang="scss" scoped>
.title {
    background: url("../../assets/img/bigScreen/titleLong.png");
    position: relative;

    >div {
        font-size: 18px;
        font-family: Source Han Sans CN, Source Han Sans CN;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 0px;
        text-shadow: 3px 3px 0px rgba(0, 23, 98, 0.5);
        position: absolute;
        top: 15px;
        left: 60px;
    }
}
</style>